// 全局变量
@import './variables.scss';
// 左侧logo
@import './logo.scss';
// 顶部样式
@import './top.scss';
// 导航标签
@import './tags.scss';
// 左侧菜单
@import './sidebar.scss';
// 底部
@import './footer.scss';
// 图标
@import './iconfont.scss';

// bule主题
@import './theme/bule.scss';
// 白色主题
@import './theme/white.scss';
.huanxing-top{
  transition: all 0.5s;
}
.layout-container {
  height: 100%;
  width: 100%;
  .el-header {
    position: relative;
    background-color: #fff;
    height: 50px;
    --el-header-padding: 0 0px;
  }
  .el-main {
    padding: 0%;
    height: 100%;
    width: 100%;
    margin-top: 2px;
    box-sizing: border-box;
    .huanxing-scrollbar{
      height: 100%;
    }
  }
  .box-card {
    margin: 15px;
  }
  .huanxing-collapse {
    width: 60px;
    .huanxing-logo{
      width: 60px;
    }
  }

// global transition css

/* fade */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s;
}

.fade-transform-enter-from {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  transition: all .5s;
}

.breadcrumb-enter,
.breadcrumb-leave-active {
  opacity: 0;
  transform: translateX(20px);
}

.breadcrumb-move {
  transition: all .5s;
}

.breadcrumb-leave-active {
  position: absolute;
}
}
